@function vw($px) {
  @return ($px/375) * 100vw;
}

html,
body,
#app,
.full-page {
  width: 100%;
  height: 100%;
  touch-action: none;
  overflow: hidden;
  // overflow: auto;
  position: absolute;
}

.page {
  // position: absolute;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 49px;
  background-color: #fff;
}

.page.subpage {
  bottom: 0;
  z-index: 10;
  background-color: #fff;
}

.pages-wrap {
  width: 100%;
  height: 100%;
}

.text-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.expend-touch {
  position: relative;

  &::before {
    content: '';
    position: absolute;
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
  }
}

@keyframes slideIn {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(0);
  }
}

.slideIn {
  animation: slideIn 300ms;
}

@keyframes slideOut {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(100%);
  }
}

.auth-title {
  text-align: center;
  font-size: 30px;
  margin-top: 100px;
  margin-bottom: 20px;
}

.auth-form {
  margin: 0 auto;
}

.link {
  color: #1989fa;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

/* .border-top {
  position: relative;
  &::before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    height: 1px;
    width: 100%;
    border-top: 1px solid #333;
    transform: scaleY(0.5);
  }
}

.border-bottom {
  position: relative;
  &::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 1px;
    width: 100%;
    border-top: 1px solid #333;
    transform: scaleY(0.5);
  }
}

.border-right {
  position: relative;
  &::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -1px;
    height: 100%;
    width: 1px;
    border-right: 1px solid #333;
    transform: scaleX(0.5);
  }
}
 */

html,
body {
  height: 100%;
  width: 100%;
}

* {
  margin: 0px;
  padding: 0px;
}

.internal {
  background-color: #f2f2f2;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;

  .head {
      width: 100%;
      position: absolute;
      left: 0px;
      top: 0px;
      display: flex;
      height: 44px;
      background-color: #fff;
      border-color: rgba(242, 242, 242, 1);
      align-items: center;
  
      .head-return {
        width: 15px;
        height: 15px;
        font-size: 24px;
        display: flex;
        align-items: center;
        margin-right: 10px;
        color: #333333;
        font-weight: 400;
        transform: translateY(-20%);
      }
  
      .head-tou {
        font-family: "ArialMT", "Arial";
        font-weight: 400;
        font-style: normal;
        font-size: 13px;
        color: #333333;
        text-align: center;
        line-height: normal;
      }
    }
 }